<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:wicket="http://wicket.sourceforge.net/">

    <body>
        <wicket:extend>
            
            <!-- Core CSS - Include with every page -->
            <!-- <link href="css/bootstrap.min.css" rel="stylesheet">
            <link href="font-awesome/css/font-awesome.css" rel="stylesheet"> -->

            <!-- Page-Level Plugin CSS - Blank -->
            <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

            <!-- SB Admin CSS - Include with every page -->
            <!-- <link href="css/sb-admin.css" rel="stylesheet"> -->
            
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Raport detaliat</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Tabel Absente
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                        
                        
                            <form class="form-inline" role="form" wicket:id="form">
                                <div class="alert alert-info">
                                    <div  class="form-group">
                                        <label>Data: </label>
                                        <input type="text" class="form-control input-sm" wicket:id="dataRaport" />&nbsp;
                                        <button type="submit" class="btn btn-default btn-sm" wicket:id="submit">Genereaza</button>
                                    </div>
                                </div>
                            
                                <div wicket:id="wkRaport">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover" id="tblClienti">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Taraba</th>
                                                    <th>Ocupant</th>
                                                    <th>Actiuni</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="odd gradeX" wicket:id="raport">
                                                    <td wicket:id="index">1</td>
                                                    <td><a href="#" wicket:id="lnkTaraba"><span wicket:id="taraba">001</span></a></td>
                                                    <td wicket:id="ocupant">20</td>
                                                    <td>
                                                        <button onclick="myFunction()" id="sterge" type="button" class="btn btn-outline btn-primary btn-xs" wicket:id="delLink"><i class="fa fa-trash-o fa-fw"></i> sterge</button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                            <tfoot>

                                            </tfoot>
                                        </table>
                                        
                                        <!-- <a class="btn btn-outline btn-success btn-sm" href="#" wicket:id="addLink"><i class="fa fa-plus"></i> Adauga</a> -->
                                        
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                
                            </form>
                            

                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            
            <!-- <div class="row">
                <div wicket:id="grid"></div>
            </div>  -->   
            
            <!-- Core Scripts - Include with every page -->
            <script src="js/jquery-1.10.2.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
            <!-- SB Admin Scripts - Include with every page -->
            <script src="js/sb-admin.js"></script>

            <!-- Page-Level Plugin Scripts - Tables -->
            <script src="js/plugins/dataTables/jquery.dataTables.js"></script>
            <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
            <!-- Page-Level Demo Scripts - Tables - Use for reference -->
            <script>
                function myFunction() {
                    confirm("Press a button!");
                }
            </script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#tblClienti').dataTable( {
                        
                        "paging":   false,
                        "ordering": false,
                        "info":     false,
                        
                        "language": {
                            "sProcessing":   "Proceseaza...",
                            "sLengthMenu":   "Afiseaza _MENU_ inregistrari pe pagina",
                            "sZeroRecords":  "Nu am gasit nimic - ne pare rau",
                            "sInfo":         "Afisate de la _START_ la _END_ din _TOTAL_ inregistrari",
                            "sInfoEmpty":    "Afisate de la 0 la 0 din 0 inregistrari",
                            "sInfoFiltered": "(filtrate dintr-un total de _MAX_ inregistrari)",
                            "sInfoPostFix":  "",
                            "sSearch":       "Cauta:",
                            "sUrl":          "",
                            "oPaginate": {
                                "sFirst":    "Prima",
                                "sPrevious": "Precedenta",
                                "sNext":     "Urmatoarea",
                                "sLast":     "Ultima"
                            }
                        }
                    } );
                } );
            </script>
                        
                    
        </wicket:extend>
    </body>
</html>